import 'package:flutter/material.dart';
import 'package:flutter_xyf/pages/component/app_bar/index.dart';

class StackLayout extends StatelessWidget {
  const StackLayout({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: MyAppBar(title: 'stack布局'),
      body: Container(
        color: Colors.green,
        child: Stack(
          clipBehavior: Clip.none, // 不会裁剪
          // 包括有位置和没有位置的 先约束没有位置的，然后计算有位置的就会按照之前最大个的
          // alignment: Alignment.center, // 居中对齐
          fit: StackFit.expand, // 就会让子元素充满父级
          children: [
            Text('data'),
            FlutterLogo(
              size: 600,
            ),
            Center(
              child: Text('第三个'),
            ),
            // Container(
            //   width: 200,
            //   height: 200,
            //   color: Colors.yellow,
            // ),
            Positioned(
              child: Text('定位逐渐'),
              top: 20,
              left: 20,
            )
          ],
        ),
      ),
    );
  }
}
